<div nz-row>
  <div nz-col [nzOrder]="formOrder" [nzXXl]="12" [nzXl]="12" [nzLg]="24" [nzMd]="24" [nzSm]="24" [nzXs]="24">
    <form [nzLayout]="'horizontal'" nz-form [formGroup]="validateForm" (ngSubmit)="submitForm()">
      <nz-form-item>
        <nz-form-label nzSpan="12" nzRequired nzFor="cnName">品名</nz-form-label>
        <nz-form-control nzSpan="12" nzErrorTip="品名">
          <input nz-input formControlName="cnName" id="cnName" placeholder="品名"/>
        </nz-form-control>
      </nz-form-item>
      <nz-form-item>
        <nz-form-label nzSpan="12" nzRequired nzFor="dangerNo">危序号</nz-form-label>
        <nz-form-control nzSpan="12" nzErrorTip="危序号">
          <input nz-input formControlName="dangerNo" id="dangerNo" placeholder="危序号"/>
        </nz-form-control>
      </nz-form-item>
      <nz-form-item>
        <nz-form-label nzSpan="12" nzFor="alias">别名</nz-form-label>
        <nz-form-control nzSpan="12" nzErrorTip="别名">
          <input nz-input formControlName="alias" id="alias" placeholder="别名"/>
        </nz-form-control>
      </nz-form-item>
      <nz-form-item>
        <nz-form-label nzSpan="12" nzFor="cas">CAS号</nz-form-label>
        <nz-form-control nzSpan="12" nzErrorTip="CAS号">
          <input nz-input formControlName="cas" id="cas" placeholder="CAS号"/>
        </nz-form-control>
      </nz-form-item>
      <nz-form-item>
        <nz-form-label nzSpan="12" nzFor="normalState">常温状态</nz-form-label>
        <nz-form-control nzSpan="12" nzErrorTip="常温状态">
          <input nz-input formControlName="normalState" id="normalState" placeholder="常温状态"/>
        </nz-form-control>
      </nz-form-item>
      <nz-form-item>
        <nz-form-label nzSpan="12" nzFor="un">UN号</nz-form-label>
        <nz-form-control nzSpan="12" nzErrorTip="UN号">
          <input nz-input formControlName="un" id="un" placeholder="UN号"/>
        </nz-form-control>
      </nz-form-item>
      <nz-form-item *ngIf="AdminService.isAdmin" nz-row class="register-area">
        <nz-form-control [nzSpan]="12" [nzOffset]="12">
          <button nz-button nzType="primary">确定</button>
        </nz-form-control>
      </nz-form-item>
    </form>
  </div>
</div>
<ng-template #combineTpl let-control>
  <ng-container *ngIf="control.hasError('message')">{{control.errors['message']}}</ng-container>
  <ng-container *ngIf="control.hasError('required')">必填项</ng-container>
</ng-template>


